<script type="text/javascript">
$(function () {
	//var index = 1;
	var str = "";
    $("#tab").html("");
	$.get(
		"food-order.do",
		function(data){
			$.each(data, function (i, item) {
				str+="<tr>";
                str+="<td >"+item.foodOrderInfoId+"</td>";
                str+="<td >"+item.foodOrderInfoUserName+"</td>";
                str+="<td >"+item.foodOrderMerchantName+"</td>";
                str+="<td >"+item.foodOrderInfoContent+"</td>";
               /*  str+="<td >"+item.foodOrderNumber+"</td>"; */
                str+="<td >"+item.foodOrderInfoPrice+"</td>";
               /*  str+="<td >"+item.foodOrderInfoState+"</td>"; */
              /*   str+="<td ><button type='button' class='btn btn-success btn-xs _btn'>确认收款</button></td>"; */
                str+="</tr>";
            });
			if (data.length==0) {
				str="";
				str+="<tr><td colspan='7' ><h2>对不起，您暂时没有订单，快去预定吧</h2></td></tr>"
			}
            $("#tab").append(str);
		},"json"
	);
});	
	
</script>

<form>
	<table class="table table-bordered text-center" >
      <thead>
      	<tr style="font-weight:bold">
          <th style="text-align: center;">订单编号</th>
          <th style="text-align: center;">客户名</th>
          <th style="text-align: center;">商铺名称</th>
          <th style="text-align: center;">商品名称</th>
          <th style="text-align: center;">商品价格</th>
         <!--  <th style="text-align: center;">订单状态</th> -->
        </tr>
      </thead>
      <tbody id="tab">
        <!-- <tr>
          <td >1</th>
          <td>Mark</td>
          <td>Otto</td>
          <td>@mdo</td>
          <td>@mdo</td>
          <td>@mdo</td>
          <td>@mdo</td>
          <td >
          	<button type="button" class="btn btn-success btn-xs">修改</button>
          	<button type="button" class="btn btn-danger btn-xs">删除</button>
          </td>
        </tr> -->
        
      </tbody>
    </table>
    <div class="text-center">
	    <ul class="pagination pull-right">
        	<li data-page="1">
        		<a href="javascript:void(0);" aria-label="Previous">
        			<spanaria-hidden="true">«</span>
        		</a>
        	</li>
			<li class="javascript:void(0);">
				<a href="javascript:void(0);">1</a>
			</li>
			<li>
				<a href="javascript:void(0);" aria-label="Next">
					<span aria-hidden="true">»</span>
				</a>
			</li>
	     </ul>
	</div>
</form>
<!-- Large modal -->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
	     <div class="panel panel-primary">
	      <div class="panel-heading">
	        <h3 class="panel-title">订单管理修改</h3>
	      </div>
	      <div class="panel-body">
			<div class="input-group">
			  <span class="input-group-addon" id="sizing-addon2">地址</span>
			  <input type="text" class="form-control" placeholder="Username" aria-describedby="sizing-addon2">
			  <span class="input-group-btn">
        		<button class="btn btn-default" type="button">修改</button>
      		  </span>
			</div>
	      </div>
	    </div>
    </div>
  </div>
</div>